import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';
import Wearther from './StateComponent';
import MyNav from './MyNav';
import Refs from './Refs';
import CollectForm from './CollectForm'
//const react="react";


// function tick(){
//   const element = (
//     <div>
//       <h1>hello</h1>
//       <h1>it is {new Date().toLocaleString()}</h1>
//     </div>
//   )
//   ReactDOM.render(
//     element,
//     document.getElementById('root')
//   );
// }

// setInterval(tick,1000);
// const title="前端js框架列表";
// const list=["Angular","React","Vue"];

// const dom=(
//     <div>
//         <h1>{title}</h1>
//         <ul>
//             {
//                 //js表达式
//                 list.map((element,index)=>{
//                     return <li key={index}>{element}</li>
//                 })
//             }
//         </ul>
//     </div>
   

// )

// //ReactDOM.render(dom,document.getElementById('root'))
// const p={name:"小明",sex:"男",age:"18"}
// ReactDOM.render(<MyNav {...p}/>,document.getElementById('root'))

////refs例子
//ReactDOM.render(<h1>www</h1>,document.getElementById('root'))

//todolist案例
// import TodoList from './demo/TodoList/App'
// ReactDOM.render(<TodoList/>,document.getElementById('root'));

//axios案例
// import Axios from './axios'
// ReactDOM.render(<Axios/>,document.getElementById('root'))

//github案例
// import Github from './demo/Github/App'
// ReactDOM.render(<Github/>,document.getElementById('root'));

//github案例 pubsub-js 消息订阅与发布
 import Github from './demo/Github pubsub-js/App'
 ReactDOM.render(<Github/>,document.getElementById('root'));

